<template>
	<div id='order-status'>
		<div class='order-status-content'>
			<p style='font-size:15px;'>
				<span >订单状态</span>&nbsp;&nbsp;&nbsp;
				<span style='color:red;'>{{status}}</span>
			</p>
			<p style='font-size:15px;'>
				<span>订单编号</span>&nbsp;&nbsp;&nbsp;
				<span>{{orderNum}}</span>
			</p>
			<p style='font-size:15px;'>
				<span>下单时间</span>&nbsp;&nbsp;&nbsp;
				<span>{{orderTime}}</span>
			</p>
		</div>
	</div>
</template>

<script>
	export default {
		props:['orderTime','orderNum','status']
	}
</script>

<style scpoed>
	#order-status{
		height:100px;
		padding:5px 1rem;
		line-height: 24px;
		background:white;
	}
	.order-status-content{
		padding: 1rem 0;
		border-bottom: 1px solid #efefef;
	}
	.order-status-content span:first-of-type{
		color:#999;
	}
</style>